
<template>
  <div class="kanban-wrapper" style="margin-top:21px">
    <!-- 中心概况 -->
    <div style="margin-top:10px ;padding:0 13px">
      <el-tabs v-model="activeName" type="card" @tab-click="handleClick" :key="tabsKey">
        <el-tab-pane label="产能" name="capacityList" :lazy="true">
          <CapacityTabs :tabType="activeName" ref="CapacityTabs"></CapacityTabs>
        </el-tab-pane>
        <el-tab-pane label="响应" name="pacityList" :lazy="true">
          <respon :tabType="activeName" ref="respon"></respon>
        </el-tab-pane>
      </el-tabs>
    </div>
  </div>
</template>
<script>
import CapacityTabs from "./view/CapacityTabs.vue";
import respon from "./view/respon.vue";
export default {
  name: "generalProfile",
  data: Object,
  jigoushu: {
    type: String,
  },
  components: {
    CapacityTabs,
    respon
  },
  watch: {
    jigoushu(v) {
      this.tabsKey = this.tabsKey + 1;
    },
  },
  data() {
    return {
      activeName: "capacityList",
      echartsWidth: document.body.clientHeight * 0.9 - 250 + "px",
      tabsKey: 1,
    };
  },
  methods: {
    handleClick(tab, click) {},
  },
};
</script>
<style lang="scss" scoped>
@import "./index.scss";
</style>
